<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title>css-margin-used-in-tabs</title>
	<link rel="stylesheet" type="text/css" href="base.css" media="all"/>
	<style type="text/css">
	body{font:12px SimSun;}
	a{color:#a0b3d6;}
	.tabs{border:1px solid #a0b3d6;margin:100px;}
	.tabs-nav a{background:#eaf0fd;line-height:30px;padding:0 20px;display:inline-block;border-right:1px solid #a0b3d6;border-bottom:1px solid #a0b3d6;float:left;}
	.tabs-nav .on{background:white;border-bottom:1px solid white;}
	.tabs-content{padding:20px;border-top:1px solid #a0b3d6;margin-top:-1px;}
	</style>
</head>
<body>
	<div class="tabs" id="tabs">
		<h2 class="tabs-nav clearfix">
			<a href="javascript:;">首页</a>
			<a href="javascript:;">技术</a>
			<a href="javascript:;" class="on">生活</a>
			<a href="javascript:;">作品</a>
		</h2>
		<div class="tabs-content"></div>
	</div>
</body>
</html>